@font-face {
    font-family: 'icomoon';
    src:  url('../icomoon/fonts/icomoon.eot?nlo4gc');
    src:  url('../icomoon/fonts/icomoon.eot?nlo4gc#iefix') format('embedded-opentype'),
      url('../icomoon/fonts/icomoon.ttf?nlo4gc') format('truetype'),
      url('../icomoon/fonts/icomoon.woff?nlo4gc') format('woff'),
      url('../icomoon/fonts/icomoon.svg?nlo4gc#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
.detail{
    height: 700px;
}
.crumb{
    height: 40px;
    background-color: #f2f2f2;
    border-top: 2px solid #34a853;
    line-height: 40px;
}
.crumb a{
    color: #34a853;
    margin-right: 5px;
}
.goods_detail_pic{
    position: relative;
    float: left;
    width: 300px;
    height: 300px;
    margin-top: 10px;
    border: 1px solid #ccc;
}
.goods_detail_pic img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.magnifier{
    position: absolute;
    bottom: 0px;
    right: -1px;
    font-family: 'icomoon';
    font-size: 20px;
    color: #fff;
    text-align: center;
    width: 30px;
    height: 30px;
    background-color: #ccc;
    cursor: pointer;
}
.width{
    position: relative;
}
.goods_detail_list{
    position: absolute;
    top:0px;
    left:300px;
    float: left;
    width: 718px;
    height: 300px;
    margin: 20px 0 0 40px;
}
.goods_detail_list .prize_bar{
    margin-top: 20px;
    width: 100%;
    height: 100px;
    background-color: #fee9eb;
}
.goods_detail_list .prize_bar span{
    margin-left: 10px;
    display: inline-block;
    line-height: 100px;
    font-size: 14px;
    color: #666;
}
.goods_detail_list .prize_bar span i{
    font-size: 28px;
    color: #e12228;
    line-height: 100px;
}
.goods_detail_list .num_add{
    position: relative;
    margin-top: 35px;
}
.goods_detail_list .num_add input{
    width: 33px;
    height: 44px;
    border: 1px solid #ccc;
    text-align: center;
    border-right: none;
}
.goods_detail_list .num_add .add,.reduce{
    position: absolute;
    width: 15px;
    height: 22px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    text-align: center;
}
.goods_detail_list .num_add .add{
    top:0px;
    border-bottom: none;
}
.goods_detail_list .num_add .reduce{
    bottom: 0px;
}
.goods_detail_list .operate_btn {
    position: absolute;
    left:100px;
    display: inline-block;
    width: 142px;
    height: 46px;
    background-color: #e12228;
    color: #fff;
    text-align: center;
    line-height: 46px;
    font-size: 18px;
}
.like{
    width: 142px;
    height: 46px;
    margin-top: 15px;
    line-height: 46px;
    color: #666;
    font-size: 18px;
    cursor: pointer;
}
.like i{
    display: inline-block;
    width: 25px;
    height: 46px;
    font-family: 'icomoon';
    color: red;
}
.info{
    float: left;
    position: relative;
    top:30px;
    height: 300px;
}
.info .info_head{
    height: 40px;
    width: 100px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    background-color: #34a853;
    color: #fff;
}
.info .info_body{
    padding: 10px 0 0 10px;
    border: 1px solid #34a853;
    border-bottom: none;
}
.info .info_body li{
    margin-bottom: 10px;
}